<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>3G 浏览器</title>
<style type="text/css">
body {
	background-color: #afccea;
}
.navt {
	height: 45px;
	background: url('home_folder_shadow.png');
	float: left;
	color: #336699;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
}
.navm {
	height: 42px;
	background: url('home_folder.png');
	float: left;
	color: #336699;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
}
.navc1 {
	width: 49%;
}
.navc2 {
	width: 50%;
	margin-left: 1%;
}
.navt1 {
	width: 100%;
	height: 360px;
	background-color: #3399cc;
	display: none;
}
#navtlt td {
	border-bottom: 1px dashed #ffffff;
	border-right: 1px dashed #ffffff;
}
.nav1 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height:42px;
	cursor: pointer;
}
.nav2 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height:45px;
	cursor: pointer;
}
</style>
<script type="text/javascript">
var cobj = '';
var navo = '';
function showOrHidden(nav,id){
	if(cobj == ''){
		var obj1 = document.getElementById(id+'c');
		obj1.style.display = "block";
		var obj2 = document.getElementById(id+'img');
		obj2.src= "home_folder_press.png";
		document.getElementById(nav).className  = 'nav2';
		document.getElementById(nav+'l').className  = 'navt navc1';
		document.getElementById(nav+'r').className  = 'navt navc2';
		cobj = id;
		navo = nav;
	}else if(cobj == id){
		var cobj1 = document.getElementById(cobj+'c')
		cobj1.style.display = "none";
		var cobj2 = document.getElementById(cobj+'img');
		cobj2.src= "home_folder_press_1.png";
		
		document.getElementById(nav).className  = 'nav1';
		document.getElementById(nav+'l').className  = 'navm navc1';
		document.getElementById(nav+'r').className  = 'navm navc2';

		document.getElementById(navo).className  = 'nav1';
		document.getElementById(navo+'l').className  = 'navm navc1';
		document.getElementById(navo+'r').className  = 'navm navc2';
		
		cobj = '';
		navo = '';
	}else if(cobj != id){
		var cobj1 = document.getElementById(cobj+'c')
		cobj1.style.display = "none";
		var cobj2 = document.getElementById(cobj+'img');
		cobj2.src= "home_folder_press_1.png";

		document.getElementById(navo).className  = 'nav1';
		document.getElementById(navo+'l').className  = 'navm navc1';
		document.getElementById(navo+'r').className  = 'navm navc2';
		
		var obj1 = document.getElementById(id+'c');
		obj1.style.display = "block";
		var obj2 = document.getElementById(id+'img');
		obj2.src= "home_folder_press.png";
		
		document.getElementById(nav).className  = 'nav2';
		document.getElementById(nav+'l').className  = 'navt navc1';
		document.getElementById(nav+'r').className  = 'navt navc2';
		
		cobj = id;
		navo = nav;
	}
}
</script>
</head>
<body>
<!-- 顶部图片导航 -->
<div style="height: 70px; width: 100%;">
<table width="100%">
	<tr>
		<td width="25%" align="center" height="70px"><a
			href='http://www.sina.com.cn/'><img alt="地图"
			src="map-1.png" border="0px" /> </a></td>
		<td width="25%" align="center"><a href='http://www.sina.com.cn/'><img
			alt="天气" src="weather-1.png" border="0px" /> </a></td>
		<td width="25%" align="center"><a href='http://www.sina.com.cn/'><img
			alt="航班" src="fly-1.png" border="0px" /> </a></td>
		<td width="25%" align="center"><a href='http://www.sina.com.cn/'><img
			alt="酒店" src="hotel-1.png" border="0px" /></a></td>
	</tr>
</table>
</div>
<!-- 手机酷站、互联酷站 -->
<div class="nav1" id="navt">
<div class="navm navc1" onclick="showOrHidden('navt','navtl');" id="navtl">
<div style="margin-top: 13px;">手机酷站&nbsp;&nbsp;<img
	src="home_folder_press_1.png" align="top" id="navtlimg" /></div>
</div>
<div class="navm navc2" onclick="showOrHidden('navt','navtr');" id="navtr">
<div style="margin-top: 13px;">互联酷站&nbsp;&nbsp;<img
	src="home_folder_press_1.png" align="top" id="navtrimg" /></div>
</div>
</div>
<!-- 手机酷站 -->
<div class="navt1" id="navtlc">
<table width="100%" id="navtlt">
	<tr>
		<td width="20%" align="center" height="30px">新浪</td>
		<td width="20%" align="center">乐讯</td>
		<td width="20%" align="center">天网</td>
		<td width="20%" align="center">3G</td>
		<td width="20%" align="center">搜狐</td>
	</tr>
	<tr>
		<td width="20%" align="center" height="30px">新浪</td>
		<td width="20%" align="center">乐讯</td>
		<td width="20%" align="center">天网</td>
		<td width="20%" align="center">3G</td>
		<td width="20%" align="center">搜狐</td>
	</tr>
	<tr>
		<td width="20%" align="center" height="30px">新浪</td>
		<td width="20%" align="center">乐讯</td>
		<td width="20%" align="center">天网</td>
		<td width="20%" align="center">3G</td>
		<td width="20%" align="center">搜狐</td>
	</tr>
	<tr>
		<td width="20%" align="center" height="30px">新浪</td>
		<td width="20%" align="center">乐讯</td>
		<td width="20%" align="center">天网</td>
		<td width="20%" align="center">3G</td>
		<td width="20%" align="center">搜狐</td>
	</tr>
	<tr>
		<td colspan="5" height="30px" style="padding-left: 10px;">精品分类</td>
	</tr>
	<tr>
		<td width="20%" align="center" height="30px">[小说]</td>
		<td width="20%" align="center">乐讯</td>
		<td width="20%" align="center">天网</td>
		<td width="20%" align="center">3G</td>
		<td width="20%" align="center">搜狐</td>
	</tr>
	<tr>
		<td width="20%" align="center" height="30px">[视频]</td>
		<td width="20%" align="center">乐讯</td>
		<td width="20%" align="center">天网</td>
		<td width="20%" align="center">3G</td>
		<td width="20%" align="center">搜狐</td>
	</tr>
	<tr>
		<td width="20%" align="center" height="30px">[搜索]</td>
		<td width="20%" align="center">乐讯</td>
		<td width="20%" align="center">天网</td>
		<td width="20%" align="center">3G</td>
		<td width="20%" align="center">搜狐</td>
	</tr>
	<tr>
		<td width="20%" align="center" height="30px">[主题]</td>
		<td width="20%" align="center">乐讯</td>
		<td width="20%" align="center">天网</td>
		<td width="20%" align="center">3G</td>
		<td width="20%" align="center">搜狐</td>
	</tr>
</table>
</div>
<!-- 互联酷站 -->
<div class="navt1" id="navtrc">互联网酷站</div>
<!-- 生活服务、移动政务 -->
<div class="nav1" id="navm">
<div class="navm navc1" onclick="showOrHidden('navm','navml');" id="navml">
<div style="margin-top: 13px;">生活服务&nbsp;&nbsp;<img
	src="home_folder_press_1.png" align="top" id="navmlimg" /></div>
</div>
<div class="navm navc2" onclick="showOrHidden('navm','navmr');" id="navmr">
<div style="margin-top: 13px;">移动政务&nbsp;&nbsp;<img
	src="home_folder_press_1.png" align="top" id="navmrimg" /></div>
</div>
</div>
<!-- 生活服务 -->
<div class="navt1" id="navmlc">生活服务</div>
<!-- 移动政务 -->
<div class="navt1" id="navmrc">移动政务</div>
<!-- 购物专区、视频专区 -->
<div class="nav2" id="navb">
<div class="navt navc1" onclick="showOrHidden('navb','navbl');" id="navbl">
<div style="margin-top: 13px;">购物专区&nbsp;&nbsp;<img
	src="home_folder_press_1.png" align="top" id="navblimg" /></div>
</div>
<div class="navt navc2" onclick="showOrHidden('navb','navbr');" id="navbr">
<div style="margin-top: 13px;">视频专区&nbsp;&nbsp;<img
	src="home_folder_press_1.png" align="top" id="navbrimg" /></div>
</div>
</div>
<!-- 购物专区 -->
<div class="navt1" id="navblc">购物专区</div>
<!-- 视频专区 -->
<div class="navt1" id="navbrc">视频专区</div>
<div style="line-height: 30px">
<div style="margin-left: 10px;">* iPhone4代特价499 + 送２Ｇ卡</div>
<div style="margin-left: 10px;">* iPhone4代特价499 + 送２Ｇ卡</div>
</div>
</body>
</html>
